<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />

    <meta name="theme-color" content="#32a7b8" />

    <link rel="stylesheet" media="all" href="src/css/1.css" />
  </head>

  <body id="home_controller" class="index_action">
    <div class="wrapper">
      <nav class="navbar navbar-expand-lg header-area">
        <a class="navbar-brand" href="/">Mailblast</a>

        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-target="#navbar-collapse"
          aria-controls="navbar-collapse"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          &#9776;
        </button>

        <div class="collapse navbar-collapse" id="navbar-collapse">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
              <a
                class="nav-link demo"
                rel="nofollow"
                data-method="post"
                href="/demo"
                >Demo</a
              >
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="/pricing">Pricing</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="http://docs.mailblast.io">Docs</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="/users/sign_in">Login</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/users/sign_up">Signup</a>
            </li>
          </ul>
        </div>
      </nav>

      <div id="home">
        <div id="items">
          <div class="cont-area">
            <div class="container banner-area">
              <ul class="slides clearfix">
                <li>
                  <h1>Mailblast</h1>
                  <h5>
                    Email Marketing on a budget using
                    <a
                      href="https://aws.amazon.com/ses/"
                      title="Amazon SES"
                      target="_blank"
                      >Amazon SES</a
                    >
                  </h5>
                  <br /><br />
                  <div>
                    <a class="large-button" href="/users/sign_up"
                      >Start for Free</a
                    >
                  </div>
                  <br /><br />
                </li>
              </ul>
            </div>
          </div>

          <div class="banner-btm-img"><img src="src/images/01.png" /></div>
        </div>
      </div>

      <div class="about-area text-center">
        <div class="section-spacing about-top-area">
          <div class="container">
            <div class="top-float-img">
              <div class="image-container"><img src="src/images/0.png" /></div>
            </div>
          </div>
        </div>
      </div>

      <div class="slogan-area text-center">
        <div class="section-spacing">
          <div class="container">
            <div style="margin-top: -7rem">
              <h1>Simple Email Marketing</h1>
              <h5>
                Mailblast makes sending emails simple and cheap using Amazon's
                <a
                  href="https://aws.amazon.com/ses/"
                  title="Amazon SES"
                  target="_blank"
                  >Simple Email Service</a
                >
              </h5>
              <h5>Save money and time without sacrificing deliverability.</h5>
            </div>

            <div class="divider_line"></div>
          </div>
        </div>
      </div>

      <div class="features-area text-center">
        <div class="section-spacing">
          <div class="container">
            <h1 class="text-center mb-5">Features</h1>
          </div>

          <div class="container feature-section">
            <div class="row align-items-center">
              <div class="col-lg-5">
                <h4>List Management</h4>
                <h5 class="text-center">
                  Upload and manage your subscriber lists online. Easy to use
                  filters and import functionality make management a breeze.
                </h5>
              </div>
              <div class="col-lg-7">
                <img class="img-fluid" src="src/images/1.png" />
              </div>
            </div>
            <div class="divider_line"></div>
          </div>

          <div class="container feature-section">
            <div class="row align-items-center">
              <div class="col-lg-5 push-lg-7">
                <h4>Send Campaigns</h4>
                <h5 class="text-center">
                  Create, test and schedule campaigns using an easy to use
                  wizard.
                </h5>
              </div>
              <div class="col-lg-7 pull-lg-5">
                <img class="img-fluid" src="src/images/2.png" />
              </div>
            </div>
            <div class="divider_line"></div>
          </div>

          <div class="container feature-section">
            <div class="row align-items-center">
              <div class="col-lg-5">
                <h4>Detailed Reports</h4>
                <h5 class="text-center">
                  See detailed reports on every campaign. Bounces and complaints
                  are automatically filtered for future campaigns.
                </h5>
              </div>
              <div class="col-lg-7">
                <img class="img-fluid" src="src/images/3.png" />
              </div>
            </div>
            <div class="divider_line"></div>
          </div>

          <div class="container feature-section">
            <div class="row align-items-center">
              <div class="col-lg-5 push-lg-7">
                <h4>Marketing Automation</h4>
                <h5 class="text-center">
                  Send scheduled automated emails to users who sign up to your
                  list.
                </h5>
              </div>
              <div class="col-lg-7 pull-lg-5">
                <img class="img-fluid" src="src/images/4.png" />
              </div>
            </div>
            <div class="divider_line"></div>
          </div>

          <div class="container feature-section">
            <div class="row align-items-center">
              <div class="col-lg-5">
                <h4>Signup Forms</h4>
                <h5 class="text-center">
                  Embed Signup forms on your website to drive subscribers to
                  your list.
                </h5>
              </div>
              <div class="col-lg-7">
                <img class="img-fluid" src="src/images/5.png" /> />
              </div>
            </div>
            <div class="divider_line"></div>
          </div>
        </div>
      </div>

      <div class="signup-area text-center">
        <div class="section-spacing">
          <div class="container feature-section">
            <div class="row align-items-center">
              <div class="col-lg-12">
                <a class="btn btn-primary btn-lg " href="/users/sign_up"
                  >Start with Free Plan</a
                >
                <p class="text-muted">1,000 Subscribers. Unlimited Emails.</p>
                <p class="text-muted">
                  Does not include Amazon SES fees, (2,000 free emails/day)
                  0.10$/1000 emails after.
                </p>
              </div>
              <div class="divider_line"></div>
            </div>
          </div>
        </div>
      </div>

      <div class="push"></div>
    </div>

    <div class="footer">
      <footer class="footer-area">
        <div class="container">
          <div class="row">
            <div class="col-sm-3">
              <h5 style="color: #fff">Quick Links</h5>
              <p><a href="http://api-docs.mailblast.io">Api Docs</a></p>
              <p><a href="/pricing">Pricing</a></p>
            </div>

            <div class="col-sm-3">
              <h5 style="color: #fff">Help</h5>
              <p>
                <a href="mailto:contact@mailblast.io">contact@mailblast.io</a>
              </p>
              <p><a href="http://docs.mailblast.io">Documentation</a></p>
            </div>

            <div class="col-sm-3">
              <h5 style="color: #fff">Legal</h5>
              <p><a href="/terms_of_service">Terms of Service</a></p>
              <p><a href="/privacy_policy">Privacy Policy</a></p>
            </div>

            <div class="col-sm-3">
              <h5 style="color: #fff">Social</h5>
              <a
                class="fa-stack"
                style="font-size: 1.5em"
                target="_blank"
                href="https://www.facebook.com/MailblastIO"
              >
                <i class="fas fa-square fa-stack-2x" style="color: #3b5998"></i>
                <i
                  class="fab fa-facebook fa-stack-1x fa-inverse"
                  style="font-size: 1.25em"
                ></i>
              </a>
              <a
                class="fa-stack"
                style="font-size: 1.5em"
                target="_blank"
                href="https://twitter.com/MailblastIO"
              >
                <i class="fas fa-square fa-stack-2x" style="color: #55acee"></i>
                <i
                  class="fab fa-twitter fa-stack-1x fa-inverse"
                  style="font-size: 1.25em"
                ></i>
              </a>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/js/bootstrap.js"></script>

    <script type="text/javascript">
      function navBarInit() {
        if ($(document).scrollTop() >= 1) {
          $(".header-area").addClass("navbar-fixed-top");
          $(".header-area .demo").addClass("btn btn-purple");
          $(".header-area .demo").removeClass("nav-link");
        } else {
          $(".header-area").removeClass("navbar-fixed-top");
          $(".header-area .demo").removeClass("btn btn-purple");
          $(".header-area .demo").addClass("nav-link");
        }
      }

      $(document).scroll(navBarInit);
      navBarInit();
    </script>
  </body>
</html>
